import { StyleSheet, Dimensions, Platform } from 'react-native';

var windowWidth = Dimensions.get('window').width;

const styles = StyleSheet.create({
	container: {
        flex: 1,
		backgroundColor: '#f3f3f3'
	},
    redBg:{
        position: 'absolute',
        top: -300,
        left: 0,
        height: 300,

    },
    headContainer: {
        height: 80,
        backgroundColor: '#EA5404',
        // position: 'absolute',
    },
	scrollContent:{
		backgroundColor: '#f3f3f3',
		overflow: 'visible',
	},
    scrollContainer:{
        flex: 1,
        marginTop: -80,
        backgroundColor: 'transparent',
    },
    headBg:{
        position: 'absolute',
        bottom: 0,
        resizeMode: 'cover',
        left: (windowWidth - 320) / 2,

    },
    scanButtonImage:{
        flexDirection: 'row',
        flex:1,
        alignItems:'center', 
        position:'absolute',
        right:15,
        bottom:6,

    },
    headImage:{
        width: 68.5,
        height: 68.5,
		...Platform.select({
			android: {
				borderRadius: 68.5,
			}
		}),
		overflow: 'hidden',
    },
    headImageContainer:{
        width: 70,
        height: 70,
		position: 'absolute',
		top: 45.75,
		left: 15,
		zIndex: 2,
		borderRadius: 68.5,
        borderColor: '#fff',
        borderWidth: 1,
    },
    headText:{
        fontSize: 18,
        color: "#fff",
        // marginTop: 9,

    },
	headTextBtn:{
		position: 'absolute',
		bottom:4,
		left: 97.5
	},

	overallContainer:{
		position: 'relative',
		overflow: 'visible',
		// height: 94.5,
		paddingBottom: 17.5,
		backgroundColor: '#fff',
	},

	overallDetail:{
		// flex: 1,
		flexDirection: 'row',
		marginLeft: 97.5,
		marginTop: 7.5,
	},
	overallText:{
		color: '#7B7B7B',
		fontSize: 14,
		// lineHeight: 40,
	},
	sprText:{
		color: '#EA5404'
	},
	tagContainer:{
		// flex: 1,
		flexDirection: 'row',
		paddingLeft: 15,
		paddingRight: 15,
		// justifyContent: 'space-between',
		flexWrap: 'wrap',
		marginTop: 9.5,
	},
	notActiveText:{
		backgroundColor: '#ffffff',
        borderColor: "#565656",
        borderWidth: StyleSheet.hairlineWidth,
        color: '#555555',
        fontSize: 13,
        borderRadius: 2,
        paddingTop: 4,
        // paddingBottom: 3,
		height: 25,
        paddingLeft: 14,
        paddingRight: 12,
        overflow: 'hidden',
		marginTop: 15,
		marginRight: 10
	},
    leftrightInfo:{
        flex: 1,
		flexDirection: 'row',
		justifyContent: 'center',
		// alignItems: 'center',
        paddingTop: 10,
        paddingBottom: 10,
		borderTopWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        borderBottomWidth: StyleSheet.hairlineWidth,
        backgroundColor: '#F9F9F9',
    },
    moneyLeftInfo:{
        flex: 1,
        alignItems: 'center',
        borderRightWidth:StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE'
    },
    moneyRightInfo:{
        flex:1,
        alignItems: 'center',
    },
    numStyle:{
        fontSize: 24,
        marginBottom:2.5,
        color: '#EA5404',
    },
    unitStyle:{
        color:'#B5B5B5',
        fontSize: 12,
    },
    subStyle:{
        fontSize: 12,
        color: '#7B7B7B',
    },


    toolsContainer: {
		backgroundColor: '#ffffff',
		// flex: 1,
		borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 15,
	},
    addBtn: {
        marginLeft: 14,
        paddingRight: 15,
        paddingTop: 15,
        paddingBottom: 15,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
    },
    leftText:{
        color: '#7B7B7B',
        fontSize: 15,
    },
    leftImage:{

    },
    centerAddress:{
        flex:1,
        marginLeft: 15,
        fontSize: 15,
    },
    centeDate:{
        flex:1,
        marginLeft: 15,
    },
    rightImage:{
        // flex: 1,
        justifyContent: 'flex-end',
        // alignItems: 'flex-end',
    },
    addText:{
        color:'#555555',
        fontSize: 15,
        textAlign: 'left',
        flex:1,
        marginLeft: 10,
    },

	markStyle:{

		justifyContent: 'flex-end',
		borderRadius: 10,
		width: 20,
		height: 20,
		marginRight: 10,
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#EA5404',
	},
    littleMarkStyle:{
        justifyContent: 'flex-end',
        borderRadius: 2.5,
        width: 5,
        height: 5,
        marginRight: 10,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#EA5404',
    },
	markTextStyle:{
		// lineHeight: 15,
		textAlign: 'center',
		fontSize: 10,
		color: '#ffffff'
	},

});

export default styles;
